<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">-->
    <title>首页</title>
    <!--[ifIE]>
    <script src="js/html5.js"></script>
    <![ifend]-->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--页头开始-->
<header class="head_top">
    <div class="head_content">
        <div class="head_top_left fl">
            <a href="index.html">
                <i></i>
                金浔首页
            </a>
            <span>欢迎来到金浔</span>
            <a href="login.html" target="_blank">请登录</a>
            <a href="register.html" target="_blank">免费注册</a>
        </div>
        <div class="head_top_right fr">
            <a href="about-us.html" target="_blank">关于我们</a>
            <a href="offering.html">委托找货</a>
            <span>
                <i></i>
                0871-65238475
            </span>
        </div>
        <div class="clearfix"></div>
    </div>
</header>
<!--页头结束-->
<!--导航和搜索开始-->
<div class="main header_bottom">
    <div class="logo_area">
        <a href="index.html" class="logo_box">
            <img src="images/logo.png" alt="品牌logo">
            <p>金浔集团</p>
        </a>
    </div>
    <nav class="nav_area">
        <ul class="nav nav-pills">
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="spot-goods-market.html">现货集市</a></li>
            <li><a href="demand.html">需求专区</a></li>
            <li><a href="recycle.html">废料专区</a></li>
            <li><a href="offering.html">报价中心</a></li>
            <li><a href="quotation-information.html">行情资讯</a></li>
        </ul>
    </nav>
    <form action="" class="form-horizontal" role="form">
        <div class="search_area input-group">
            <span class="input-group-addon">
                <select name="" id="" class="">
                    <option value="">资 源</option>
                    <option value="">采 购</option>
                </select>
            </span>
                <label for=""></label>
                <input type="text" class="form-control" id="">
            <span class="input-group-btn">
                <button class="btn btn-primary" type="button">搜 索</button>
            </span>
        </div>
    </form>
</div>
<!--导航和搜索结束-->
<!--banner开始-->
<div class="index_banner l_main">
    <div id="myCarousel" class="carousel slide">
        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/banner1.jpg" alt="First slide" class="img-responsive">
            </div>
            <div class="item">
                <img src="images/banner2.jpg" alt="Second slide" class="img-responsive">
            </div>
            <div class="item">
                <img src="images/banner3.jpg" alt="Third slide" class="img-responsive">
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="carousel-control left" href="#myCarousel"
           data-slide="prev">&lsaquo;
        </a>
        <a class="carousel-control right" href="#myCarousel"
           data-slide="next">&rsaquo;
        </a>
    </div>
</div>
<!--banner结束-->
<!--第一层厂商采购开始-->
<div class="first_floor floor main">
    <div class="company floor_left_width fl">
        <div class="floor_title">
            <p>厂商采购</p>
            <a href="#">更多&gt;&gt;</a>
            <div class="clearfix"></div>
        </div>
        <div class="company_list">
            <div class="company">
                <p><img src="images/company/company1.png" alt="厂商logo"></p>
                <p>采购</p>
                <p>长期收购：铅</p>
                <p>数量：10000 吨</p>
                <p>品位：铅 40%</p>
                <p>收货地：河南省济源市</p>
                <a href="#">详情查看</a>
            </div>
            <div class="company">
                <p><img src="images/company/company2.jpg" alt="厂商logo"></p>
                <p>采购</p>
                <p>长期收购：铜</p>
                <p>数量：10000 吨</p>
                <p>品位：铜 24%</p>
                <p>收货地：云南省昆明市</p>
                <a href="#">详情查看</a>
            </div>
            <div class="company">
                <p><img src="images/company/company3.png" alt="厂商logo"></p>
                <p>采购</p>
                <p>长期收购：铅锌</p>
                <p>数量：10000 吨</p>
                <p>品位：铅锌 40%</p>
                <p>收货地：湖南省株洲市</p>
                <a href="#">详情查看</a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="transaction_record floor_right_width fr">
        <div class="floor_title">
            <p>交易记录</p>
            <a href="#">更多&gt;&gt;</a>
            <div class="clearfix"></div>
        </div>
        <p class="transaction_record_title">
            <span>品名</span><span>数量（吨）</span><span>交货地</span><span>日期</span>
        </p>
        <ul class="record_list">
            <li><span>铅精矿</span><span>23(吨)</span><span>江苏南京</span><span>2016-08-15</span></li>
            <li><span>铅原矿</span><span>74(吨)</span><span>湖南郴州</span><span>2016-08-17</span></li>
            <li><span>铜精矿</span><span>32(吨)</span><span>云南易门</span><span>2016-08-31</span></li>
            <li><span>铜精矿</span><span>220(吨)</span><span>云南武定</span><span>2016-08-09</span></li>
            <li><span>锌物料</span><span>2000(吨)</span><span>云南昭通</span><span>2016-08-31</span></li>
            <li><span>锌物料</span><span>2000(吨)</span><span>云南昭通</span><span>2016-08-31</span></li>
            <li><span>锌物料</span><span>2000(吨)</span><span>云南昭通</span><span>2016-08-31</span></li>
            <li><span>锌物料</span><span>2000(吨)</span><span>云南昭通</span><span>2016-08-31</span></li>
            <li><span>锌物料</span><span>2000(吨)</span><span>云南昭通</span><span>2016-08-31</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<!--第一层厂商采购结束-->

<!--第二层资源专区开始-->
<div class="second_floor floor main">
    <div class="floor_left_width fl">
        <div class="floor_title">
            <p>资源专区</p>
            <a href="#">更多&gt;&gt;</a>
            <div class="clearfix"></div>
        </div>
        <div class="resource_area">
            <ul class="resource_list com_list">
                <li>
                    <div class="resource_item com_item">
                        <h4>资 源</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="resource_item com_item">
                        <h4>资 源</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="resource_item com_item">
                        <h4>资 源</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="resource_item com_item">
                        <h4>资 源</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="resource_item com_item">
                        <h4>资 源</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="resource_item com_item">
                        <h4>资 源</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="resource_item com_item">
                        <h4>资 源</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="resource_item com_item">
                        <h4>资 源</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="clearfix"></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="floor_right_width fr">
        <div class="floor_title">
            <p>快速发布</p>
            <a href="#">更多&gt;&gt;</a>
            <div class="clearfix"></div>
        </div>
        <div class="panel publish">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <strong class="text-primary">三步</strong>
                    轻松搞定
                    <small>填写您的采购货供应需求</small>
                </h3>
            </div>
            <ul class="list-group">
                <li class="list-group-item">
                    <p>
                        <span>1</span>
                        <span>资料填写</span>
                    </p>
                    <p class="glyphicon glyphicon-circle-arrow-down"></p>
                </li>
                <li class="list-group-item">
                    <p>
                        <span>2</span>
                        <span>资质申请</span>
                    </p>
                    <p class="glyphicon glyphicon-circle-arrow-down"></p>
                </li>
                <li class="list-group-item">
                    <p>
                        <span>3</span>
                        <span>发布成功</span>
                    </p>
                </li>
            </ul>
            <div class="panel-body">
                <div class="go">
                    <a href="#" class="btn btn-block btn-info pull-left">发布采购</a>
                    <a href="#" class="btn btn-block  btn-info pull-right">发布供应</a>
                </div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<!--第二层资源专区结束-->
<!--第三层需求专区开始-->
<div class="third_floor floor main">
    <div class="floor_left_width fl">
        <div class="floor_title">
            <p>需求专区</p>
            <a href="#">更多&gt;&gt;</a>
            <div class="clearfix"></div>
        </div>
        <div class="demand_area">
            <ul class="demand_list com_list">
                <li>
                    <div class="demand_item com_item">
                        <h4>采 购</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="demand_item com_item">
                        <h4>采 购</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="demand_item com_item">
                        <h4>采 购</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="demand_item com_item">
                        <h4>采 购</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="clearfix"></div>
                </li>
                <li>
                    <div class="demand_item com_item">
                        <h4>采 购</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="demand_item com_item">
                        <h4>采 购</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="demand_item com_item">
                        <h4>采 购</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="demand_item com_item">
                        <h4>采 购</h4>
                        <p>长期供应：铅</p>
                        <p>数量：1000吨</p>
                        <p>品位：铅:50%</p>
                        <p>收货地：四川</p>
                        <a href="#">查看详情</a>
                    </div>
                    <div class="clearfix"></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="floor_right_width fr">
        <div class="floor_title">
            <p>推荐厂商</p>
            <a href="#">更多&gt;&gt;</a>
            <div class="clearfix"></div>
        </div>
        <div class="recommendation_list">
            <a href="#" class="recommendation_item fl">
                <img src="images/recommendation/yu.png" alt="" class="img-responsive;"/>
                <p class="bg-primary">河南豫光金铅有限公司</p>
            </a>
            <a href="#" class="recommendation_item fl">
                <img src="images/recommendation/dong.png" alt="" class="img-responsive;"/>
                <p class="bg-primary">东岭集团</p>
            </a>
            <a href="#" class="recommendation_item fl">
                <img src="images/recommendation/jiang.png" alt="" class="img-responsive;"/>
                <p class="bg-primary">江西铜业集团公司</p>
            </a>
            <a href="#" class="recommendation_item fl">
                <img src="images/recommendation/wukuang.png" alt="" class="img-responsive;"/>
                <p class="bg-primary">中国五矿集团公司</p>
            </a>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<!--第三层需求专区结束-->
<!--页脚开始-->
<footer class="footer_box">
    <div class="footer_up">
        <div class="footer_list">
            <h4>行情资讯</h4>
            <ul>
                <li><a href="#">金浔快讯</a> </li>
                <li><a href="#">综合新闻</a> </li>
                <li><a href="#">热点新闻</a> </li>
            </ul>
        </div>
        <div class="footer_list">
            <h4>行情资讯</h4>
            <ul>
                <li><a href="#">公司简介</a></li>
                <li><a href="#">行业背景</a></li>
                <li><a href="#">公司地址</a></li>
            </ul>
        </div>
        <div class="footer_list">
            <h4>客户服务</h4>
            <ul>
                <li><a href="#">在线客服</a></li>
                <li>
                    <p>服务热线</p>
                    <p>0871-XXXXXXXX</p>
                </li>
            </ul>
        </div>
        <div class="footer_list">
            <h4>扫描二维码</h4>

        </div>
        <div class="clearfix"></div>
    </div>
    <div class="footer_down">
        <div class="friend_link">
            <span>友情链接:</span>
            <a href="#">云铜集团</a>
            <a href="#">株洲冶炼</a>
            <a href="#">金铜集团</a>
            <a href="#">西部矿业</a>
        </div>
        <div class="copyright">
            &copy;2016
            <a href="#">金浔集团</a>
            <span>云南金浔电子商务有限公司</span>
            <span>云南金浔电子商务有限公司</span>
        </div>
    </div>
</footer>
<!--侧边栏开始-->
<aside class="fixed_box" id="fixed_box">
    <ul class="fixed">
        <li><a href="#">新手指南</a></li>
        <li><a href="#">快速发布</a></li>
        <li><a href="#">意见反馈</a></li>
        <li><a href="#">QQ客服</a></li>
        <li id="back_top">
            <span>
                <p class="glyphicon glyphicon-chevron-up"></p>
                <!--<p>返回顶部</p>-->
            </span>
        </li>
    </ul>
</aside>
<!--侧边栏结束-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/myjs.js"></script>
</body>
</html>